@import 'reset';

// 1rem = fontSize px
// 1px = (1 / fontSize)rem

$fontSize: 37.5;
@function px2rem($px) {
  @return ($px / $fontSize) + rem;
}

@mixin center {
  display: flex;
  justify-content: center;
  align-items: center;
}

.icon{
  color: #000;
  font-size: px2rem(20);
}

.slide-up-enter,.slide-up-leave-to{
  transform: translate3d(0,px2rem(108),0);
}
.slide-up-enter-to,.slide-up-leave,.slide-down-enter-to,.slide-down-leave{
  transform: translate3d(0,0,0);
}
.slide-up-enter-active,.slide-up-leave-active,.slide-down-enter-active,.slide-down-leave-active{
  transition: all .3s linear;
}
.slide-down-enter,.slide-down-leave-to{
  transform: translate3d(0,-100%,0);
}


